import React from 'react'

export default class Count extends React.Component {
  // constructor() {
  //   super()
  //   this.state = {
  //     //状态对象里面的属性就可以随便写
  //     count: 1,
  //   }
  //   this.handle = () => {
  //     this.setState({
  //       count: this.state.count + 1,
  //     })
  //   }
  // }
  // es6中类的写法(添加到原型上)
  // handle() {}
  // es7中新增的类的实例方法(其实就是构造体中this.handle = () => {}的简写)
  // 就是相当于构造器中给实例添加属性
  state = { count: 0 }
  handle = () => {
    this.setState({
      count: this.state.count + 1,
    })
  }
  xxx = 1

  render() {
    return (
      <div>
        <p id="c">{this.state.count}</p>
        <button onClick={this.handle}>+</button>
      </div>
    )
  }
}
